<template>
  <div style="padding: 10px">
    <d-select-tree v-model="selectValue" :data="options" node-key="value" multiple></d-select-tree>
    <p>selectValue值：{{ selectValue }}</p>
  </div>
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  const selectValue = ref([])
  const options = ref([
    {
      value: '1',
      label: 'Level one 1',
      children: [
        {
          value: '1-1',
          label: 'Level two 1-1',
          children: [
            {
              value: '1-1-1',
              label: 'Level three 1-1-1'
            }
          ]
        }
      ]
    },
    {
      value: '2',
      label: 'Level one 2',
      children: [
        {
          value: '2-1',
          label: 'Level two 2-1',
          children: [
            {
              value: '2-1-1',
              label: 'Level three 2-1-1'
            }
          ]
        },
        {
          value: '2-2',
          label: 'Level two 2-2',
          children: [
            {
              value: '2-2-1',
              label: 'Level three 2-2-1'
            }
          ]
        }
      ]
    },
    {
      value: '3',
      label: 'Level one 3',
      children: [
        {
          value: '3-1',
          label: 'Level two 3-1',
          children: [
            {
              value: '3-1-1',
              label: 'Level three 3-1-1'
            }
          ]
        },
        {
          value: '3-2',
          label: 'Level two 3-2',
          children: [
            {
              value: '3-2-1',
              label: 'Level three 3-2-1'
            }
          ]
        }
      ]
    }
  ])
</script>
